<body style="padding:6px; overflow:hidden;"> 
  
    <div id="maingrid" style="margin:0; padding:0"></div> 
    <div style="display:none;"> 
  <!-- g data total ttt --> 
</div> 
  <input type="hidden" name="id" value="${id}"/>
</body> 
 
<script type="text/javascript"> 
 
//----------------------------------------------------------------------- 
 var g = null; 
        $(function () { 
           g = $("#maingrid").ligerGrid({ 
                columns:  [
	            	{ display: 'id', name: 'id', minWidth: 30, width: 50 },
	            	{ display: '应用模版名', name: 'name', width: 140,render: function (item){
			   				return "<a title='"+item.name+"'>"+item.name+"</a>";
			  			}
			  		},
	           	 	{ display: '模板ID', name: 'templateId', align: 'left', width: 80, minWidth: 60 },
	           	 	{ display: 'app_id', name: 'appId', align: 'left', width: 80, minWidth: 60 },
	            	{ display: '外部应用的模板ID', name: 'extTempId', minWidth: 140, width: 140 }
	            ], 
              url: '${appServer}/apptemplate/query.json',
              root:'rows', 
              pageSize:10,
			  page:1,
			  id:3,
			  record :'total',
			 pageParmName :'page',
			 parms:[{ name: 'templateId', value: ${id} }],
			 pagesizeParmName :'pageSize',
			 idParamName:'id',
              width: '100%',height:'100%' 
            });  
            $("#pageloading").hide(); 
        }); 
        function f_select() 
        { 
            return g.getSelectedRow(); 
        } 
 
 
</script> 